<script>
    $.loadJs("/js/pages/login_index.js");
</script>
<form action = "/login/check" method = "post" title = "Autentificaci&oacute;n de usuario" id = "login">
    <div style = " text-align : center;" id= "mensaje" ><p>Por favor, ingrese su usuario y contrase&ntilde;a</p></div>
    <table class="Fila" border='0' style='width:100%; border-collapse: collapse'><tr>
            <td class = "qfLabel">
                Usuario:
            </td>
            <td class = "qfInput">
                <input name = "usuarioLogin" id = "usuarioLogin" style = " width : 80% " type = "text"/>
            </td>
        </tr>
    </table>
    <table class="Fila" border='0' style='width:100%; border-collapse: collapse'><tr>
            <td class = "qfLabel">
                Contrase&ntilde;a:
            </td>
            <td class = "qfInput">
                <input name = "claveLogin" id = "claveLogin" style = " width : 80% " type = "password"/>
            </td>
        </tr>
    </table>
</form>
<script>
$(document).ready(function(){	
    $('#login').dialog( {
        "modal" : true,
        "resizable" : false,
        "draggable" : true,
        "width" : "760px",
        "dialogClass": "dialogo dialogTemplate ",
        "close": function () {
            dialog.dialog('destroy').remove();
        }
        ,
        "buttons" : {
            "Entrar" : function () { entrar(); }
        }
    } );
});
</script>
